@charset "utf-8";
/*重置样式*/
/*body, textarea{font:12px/1.5 Tahoma,Arial,'宋体',sans-serif;color:#333;background-color:#FFF;}*/
body.mainbg {background-color:#fff;}
div.mainborder {width:1000px;border:solid 1px #D5D5D5;margin:15px auto;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {margin:0px;padding:0px;}
table tr td .row {padding-bottom:0px;}
input, select, textarea, button{vertical-align:middle;}
img{border:0px;}
ul, ol{list-style:none;margin:0px;padding:0px;}
li{list-style:none outside none;}
a{color:#0A8CD2;text-decoration:none;}
a:hover{color:#FF6600;text-decoration:underline;}

div.indexmaindiv{height:270px;}
div.indexmaindiv div.playerstyles{width:168px;height:44px;background:url('../images/playstyles.png') no-repeat;}
div.indexmaindiv1{margin-top:25px; overflow:hidden;}
div.indexmaindiv div.stylesgoleft{position:absolute;left:-100px;top:50%;width:85px;height:100px;margin-top:-50px;background:url('../images/pc/首页/左.jpg') no-repeat left top;cursor:pointer;}
div.indexmaindiv1 div.playerdetail{display:block;width:172px;overflow:hidden;font-family:'微软雅黑';}
div.indexmaindiv1 div.playerdetail div.detailimg{width:172px;height:124px;}
div.indexmaindiv1 div.playerdetail div.detailimg img{width:172px;height:115px;}
div.indexmaindiv1 div.playerdetail div.teanames{text-align:center;font-size:14px;margin-top:5px;color:#404040;}
div.indexmaindiv1 div.playerdetail div.teadetail{width:156px;height:27px;margin:5px 8px;color:#666;}
div.indexmaindiv1 div.playerdetail .checkdetail{width:134px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
div.indexmaindiv div.stylesgoright{position:absolute;right:-100px;top:50%;width:100px;height:100px;margin-top:-50px;background:url('../images/pc/首页/右.jpg') no-repeat left top;cursor:pointer;}

/*滚动*/
div.maindiv1{float:left;width:937px;height:293px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:172px;margin-left:13px;}


/*----------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------*/
#content_inner {
    /*width: 960px;*/
    /*margin: 0 auto;*/
    /*padding-top: 20px;*/
    position: relative;
}
#content #intro {
    border-bottom: dotted #ccc 1px;
    padding-bottom: 28px;
    margin-bottom: 10px;
}
#content #intro p {
    font-size: 14px;
    color: #8f8f8f;
    line-height: 22px;
    padding-bottom: 5px;
}
#content #intro a {
    color: #666;
    padding: 6px;
}
#content #intro a:hover {
    background: #eee;
    text-decoration: none;
    border-bottom: dotted #ccc 1px;
}
#content #intro ul {
    padding-bottom: 15px;
    padding-top: 3px;
}
#content #intro li {
    color: #8f8f8f;
    margin-left: 50px;
    padding-bottom: 4px;
    font-size: 14px;
}
#content p {
    font-size: 12px;
    color: #8f8f8f;
    padding-bottom: 10px;
}
#content p a {
    color: #e41996;
}
#content h2 {
    font-size: 26px;
    font-weight: normal;
    color: #666;
    padding-bottom: 17px;
    border-top: dotted #ccc 1px;
    padding-top: 20px;
    padding-bottom: 21px;
    margin-top: 13px;
}
#content h2 span {
    font-size: 20px;
}
#content #css3 {
    float: right;
}
#content #css3 a:hover {
    background: none;
    border: 0;
}
.pre_wrap {
    background: #f9f9f9;
    padding: 5px 5px 5px 14px;
    margin-bottom: 33px;
    margin-top: 32px;
}
.pre_wrap span.label {
    color: #999;
    font-size: 12px;
    font-style: italic;
    display: block;
    padding-left: 5px;
    padding-top: 5px;
}
.syntaxhighlighter {
    font-size: 12px;
}
.slides1_wrap {
    position: relative;
    padding: 20px 0 37px 49px;
    /*width: 750px;*/
}
#slides1 {
    overflow: hidden;
    height: 212px;
}
#slides1 li {
    list-style: none;
    width: 1050px;
    height:500px;
}
#slides1 li img {
    float: left;
}
#slides1 .content {
    float: left;
    width: 550px;
    padding-left: 21px;
}
#slides1 li p {
    /*line-height: 22px;*/
}
#slides1 h3 {
    font-size: 36px;
    color: #8d8d8d;
    font-weight: normal;
    text-transform: lowercase;
}
#slides1 h4 {
    font-size: 18px;
    color: #000;
    font-style: italic;
    font-weight: normal;
    text-transform: lowercase;
    padding-bottom: 16px;
}
.slides1_wrap .prev {
    position: absolute;
    left: -6px;
    top: 200px;
    outline: 0;
}
.slides1_wrap .next {
    position: absolute;
    right: 90px;
    top: 200px;
    outline: 0;
}
.slides1_wrap a:active {
    top: 102px;
}
.bx_pager {
    padding-left: 309px;
    padding-top: 15px;
}
.bx_pager a {
    float: left;
    background: url(../images/bg_pager.png) no-repeat 0 -21px;
    width: 14px;
    height: 17px;
    color: #fff;
    font-size: 11px;
    margin-right: 6px;
    padding: 4px 0 0 7px;
}
.bx_pager a:hover, .bx_pager a.active {
    background-position: 0 0;
    text-decoration: none;
}
.auto_controls {
    position: absolute;
    bottom: -11px;
    left: 394px;
}
.auto_controls a {
    font-size: 16px;
    color: #a3a3a3;
    outline: 0;
    padding: 2px;
}
.auto_controls a:hover {
    text-decoration: none;
    background:;
    color: #e41996;
}
#content #notes li, #content #changes li {
    font-size: 12px;
    color: #8f8f8f;
    margin-left: 43px;
    padding-bottom: 6px;
}
#content #notes li a {
    color: #e41996;
}
#idc-container a {
    color: #e41996;
}
#idc-container h3 {
    color: #666;
}
